page {
	height: 100%;
	background: #ffffff;
}
.page {
	position: relative;
	height: 100%;
	.inHeader {
		.header {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 1000;
			text-align: center;
			background-color: #fff;
			border-bottom: 1px solid #eee;
			.head {
				text-align: center;
				position: relative;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 104upx 22upx 16upx;
				.return {
					image {
						width: 40upx;
						height: 40upx;
					}
				}
				.title {
					font-size: 36upx;
					color: #333333;
					font-weight: 700;
					// line-height: 88upx;
				}
				.collection {
					image {
						width: 38upx;
						height: 38upx;
					}
				}
			}
		}
	}
	.type {
		width: 100%;
		height: 100upx;
		line-height: 100upx;
		background: #edf6ff;
		padding: 0 32upx;
		margin-bottom: 20upx;
		.type_left {
			float: left;
			font-size: 32upx;
			opacity: 1 !important;
			color: #333333 !important;
		}
		.type_right {
			float: right;
			font-size: 32upx;
			color: #fd700d;
		}
	}
	.answer {
		padding: 36upx 32upx;
		// margin-bottom: 222upx;
		// height: 700upx;
		.title_mark {
			margin-bottom: 32upx;
			.scroe {
				float: right;
				color: #333333;
			}
			.title_mark_img {
				width: 32upx;
				height: 20upx;
				display: inline-block;
				margin-right: 16upx;
				image {
					width: 100%;
					height: 100%;
				}
			}
			text {
				font-size: 32upx;
				font-family: PingFang SC;
				font-weight: 500;
				line-height: 45px;
				color: #1a86f8;
				vertical-align: middle;
			}
		}
		.subject {
			font-size: 36upx;
			line-height: 54upx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 42upx;
			color: #333333;
			margin-bottom: 48upx;
			word-break: break-all;
		}
		.qusetion_img {
			height: 400upx;
			width: 100%;
			margin-bottom: 24upx;
			image {
				width: 100%;
				height: 100%;
				border-radius: 16upx 16upx;
			}
		}
		.radio {
			width: 100%;
			.radio_group {
				width: 100%;
				.radio_list {
					width: 100% !important;
					margin-bottom: 30upx;
					/deep/.u-radio__label{
						width: 100%;
					}
					.correct{
						background-color: #EAF3FF;
					}
					.error{
						background-color: #FFF1F1;
					}
				}
			}
			.subject_class {
				.class_one {
					width: 140upx;
					height: 72upx;
					line-height: 72upx;
					background: #1a86f8;
					color: #ffffff;
					font-size: 28upx;
					text-align: center;
					margin-bottom: 32upx;
				}
				.class_one_title {
					font-size: 28upx;
					margin-bottom: 24upx;
				}
				.textarea {
					width: 100%;
					height: 260upx;
					margin-bottom: 48upx;
					textarea {
						width: 100%;
						height: 100%;
						border: 1px solid #dddddd;
						border-radius: 16upx 16upx;
						padding: 24upx;
						font-size: 28upx;
					}
				}
				.analysisData {
					margin-bottom: 16upx;
					font-size: 30upx;
				}
			}
		}
	}
	.total {
		width: 100%;
		overflow: hidden;
		// margin-bottom: 47upx;
		padding: 16upx 32upx 47upx;
		position: fixed;
		bottom: 100upx;
		background: #ffffff;
		.total_left {
			float: left;
			.college {
				width: 38upx;
				height: 38upx;
				display: inline-block;
				margin-right: 12upx;
				image {
					width: 100%;
					height: 100%;
					vertical-align: middle;
				}
			}
			text {
				font-size: 30upx;
			}
		}
		.total_right {
			float: right;
			.class_total {
				width: 38upx;
				height: 38upx;
				display: inline-block;
				margin-right: 12upx;
				image {
					width: 100%;
					height: 100%;
					vertical-align: middle;
				}
			}
			text {
				font-size: 30upx;
				// vertical-align: middle;
			}
			.num {
				color: #1b8aff;
				font-size: 38upx;
			}
		}
	}
	.footer {
		width: 100%;
		height: 100upx;
		// line-height: 100upx;
		padding: 22upx 36upx;
		background: #ffffff;
		box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.1);
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 24upx;
		position: fixed;
		bottom: 0;
		image {
			width: 36upx;
			height: 36upx;
			vertical-align: middle;
		}
		.total_left {
			text {
				background: #f4b326;
				border-radius: 36px;
				font-size: 28upx;
				color: #ffffff;
				padding: 16upx 49upx;
			}
		}
	}
	.analysis-pop {
		padding: 32upx 32upx 0;
		width: 100%;
		.true {
			font-size: 32upx;
			font-weight: bold;
			margin-bottom: 40upx;
			margin-bottom: 40upx;
			color: #267dff;
		}
		.true_x {
			margin-bottom: 40upx;
			font-size: 32upx;
			margin-bottom: 40upx;
			// color: #1A86F8;
		}
		.analysis {
			width: 100%;
			.analysis_1 {
				margin-bottom: 24upx;
				.analysis_1_img {
					width: 32upx;
					height: 20upx;
					display: inline-block;
					margin-right: 13upx;
					image {
						width: 100%;
						height: 100%;
						vertical-align: middle;
					}
				}
				text {
					font-size: 32upx;
					font-weight: bold;
					color: #333333;
				}
			}
			.analysis_2 {
				font-size: 28upx;
				line-height: 44upx;
				margin-bottom: 64upx;
			}

			ul {
				width: 100%;
				margin-bottom: 12upx;
				overflow: hidden;
				li {
					float: left;
					width: 84upx;
					height: 84upx;
					text-align: center;
					line-height: 84upx;
					border-radius: 50% 50%;
					margin: 0 36upx 32upx 0;
				}
				li:nth-child(6n + 6) {
					margin-right: 0;
				}
			}
		}
	}
	.operation {
		display: flex;
		align-items: center;
		justify-content: center;
		.button_1 {
			width: 140upx;
			height: 56upx;
			line-height: 50upx;
			border: 1px solid #1a86f8;
			color: #1a86f8;
			border-radius: 28px;
			text-align: center;
			margin-right: 42upx;
		}
		.button_4 {
			width: 140upx;
			height: 56upx;
			line-height: 52upx;
			color: #ffffff;
			background: #1a86f8;
			border-radius: 28px;
			text-align: center;
		}
	}
}
.active {
	background: #cccccc;
}
.active_x {
	background: #f6f6f6;
	opacity: 0.7;
	// background: red;
}
/deep/.u-radio__icon-wrap {
	margin-right: 24upx;
}
/deep/.u-checkbox__icon-wrap {
	margin-right: 24upx;
	border-radius: 50%;
}
/deep/.u-swiper-wrap {
	height: 100% !important;
}
/deep/uni-swiper {
	height: 100% !important;
}
.pos {
	position: fixed;
	top: 0;
}
